<template>
	<view style="background-image: url(/static/background/back5.jpg);">
		<view class="title">标题：🔍 马面裙和马有关系吗？</view>
		<view class="brief">
			<view class="black">
				简介：
			</view>
			「马面裙」这个名字听起来像“马的裙子”？其实它和🐎毫无关系！名字源自古代城墙上的“马面”结构，快来解锁这段冷知识→
		</view>
		
		
		
		<view class="content">
			<view class="black">
			📛 名字由来：城墙的防御工事
			</view>
			<view class="black">
			“马面”是什么？
			</view>
			古代城墙每隔一段会凸出矩形墩台（如图），三面御敌形似马脸，故称“马面”。
			明代女子将裙门设计成类似结构，两侧打褶，前后光面，方便骑驴/劳作，因此得名。
			<view class="black">
			📸 对比图：
			</view>
			<view class="p">
				<image src="https://s21.ax1x.com/2025/07/16/pV1bui8.jpg"></image>
				<image src="https://s21.ax1x.com/2025/07/16/pV1b3ss.jpg"></image>
			</view>
		</view>
		
		<view class="content">
			<view class="black">
				👗 形制特点：为什么是“裙门”？
			</view>
				<view v-for="item in couse" :key="item.id">
					<view class="black">
						{{item.id}}.{{item.title}}
					</view>
					<view>{{item.content}}</view>
				</view>
				<view class="black">
					💡 冷知识：
				</view>
				<view>马面裙最初是劳动妇女的“工装”，后来才成礼服。</view>
			
		</view>
			
		<view class="content">
			<view class="black">
				❌ 辟谣专区
			</view>
				<view class="black">
					误区1：
				</view>
				<view>“马面裙是清代发明的”→ 实际出土文物显示，明代已有（山东孔府旧藏实物为证）</view>
				<view class="black">
					误区2：
				</view>
				<view>“必须配云肩穿”→ 明代多搭配袄子，清代才流行云肩</view>
				<view class="black">
					📚 典籍佐证：
				</view>
				<view>《天水冰山录》记载严嵩抄家清单：“马面裙十二条”</view>
			
		</view>
		
		<view class="content">
			<view class="black">
				✨ 现代应用
			</view>
				<view class="black">
					改良款：
				</view>
				<view>缩短至小腿（原长及脚面）</view>
				<view class="black">
					文化输出：
				</view>
				<view>2022年迪奥抄袭事件让马面裙全球刷屏</view>
		</view>
		<view class="footer">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				couse:[
					{id:1,
					title:'前后光面：',
					content:'两片裙门无褶，行动时裙摆如开门'},
					{id:2,
					title:'两侧褶子：',
					content:'打褶增加活动空间（和百褶裙完全不同！）'},
					{id:2,
					title:'隐藏彩蛋：',
					content:'明代马面裙裙门常绣🐲龙凤，清代改为暗纹'}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.title{
		font-family: "STKaiti","SimSun","KaiTi" ;
		font-size: 48rpx;
		font-weight: bold;
		padding-top: 10px;
		margin-bottom: 10px;
		border-bottom: 2rpx solid #eee;
	}
	.black{
		font-weight: bold;
		font-size: 28rpx;
	}
	.content{
		font-size: 28rpx;
		color: #333;
		line-height: 1.6;
		display: block;
		margin-bottom: 30rpx;
	}
	.p{
		display: flex;
	}
	.footer{
		width: 100%;
		padding: 20rpx 0;
		text-align: center;
		font-size: 24rpx;
		color: #666;
	}
</style>
